<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<link href="css/media3.css" rel="stylesheet" />
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title">Playlist</h1>
		    <a class="mui-icon mui-icon-search"></a>
		</header>
		
		<div class="mui-content">
			<div class="image">
				<img src="img/4.png" class="image1"/>
				<img src="img/5.png" class="image2"/>
				<img src="img/3.png" class="zhong"/>
				<img src="img/6.png" class="image3"/>
				<img src="img/7.png" class="image4"/>
			</div>
			
			<div class="text">
				<h4>The Path Of Tetality</h4>
				<h5>KORN</h5>
			</div>
			
			<ul class="mui-table-view">
			        <li class="mui-table-view-cell">
			                Intro
			            <span class="time">3:18</span>
			        </li>
			        <li class="mui-table-view-cell">
			                 Shake It Out
			            <span class="time">2:15/4:05</span>
			        </li>
			        <li class="mui-table-view-cell">
			                 Grant Life
			            <span class="time">5:28</span>
			        </li>
			        <li class="mui-table-view-cell">
			                 Shake It Out
			            <span class="time">1:42</span>
			        </li>
			        <li class="mui-table-view-cell">
			                 Never Let Me Go
			            <span class="time">3:18</span>
			        </li>
			        <li class="mui-table-view-cell">
			        	Only If For a Night
			        	<span class="time">1:56</span>
			        </li>
			    </ul>
			
		</div>
		
		
		<script src="js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()
		</script>
	</body>

</html>